<!-- 定义子组件 -->
<template>
	<view>
		{{text}}
		{{text1}}
		<!-- 子向父传递数据，使用的是点击事件的方式 -->
		<button type="primary" @click="click">传给父</button>
	</view>
</template>

<script>
	export default {
		// 子组件获取父传递过来的值，可以获取多个，是一个数组，名字必须和父相同，使用的时候当作data使用,也可以用字典，用列表什么类型的都可以接受，用字典的可以规定用什么类型
		// 还可以设置默认值
		props:["text", "text1"],
		// props:{
		// 	text:String,
		// 	text1:Array
		// },
		
		// props:{
		// 	text:{
		// 		type:String,
		// 		default:"haha"
		// 	},
		// 	text1:Array
		// },
		name:"child",
		data() {
			return {
				title: "我是子组件"
			};
		},
		methods:{
			click(){
				// 传值的时候使用$emit，触发一个事件change，并且传递数据title，
				this.$emit("change", this.title)
			}
		}
	}
</script>

<style>

</style>
